/* :root 就相当于 html */
:root {
  /* 写 light 主题色 */
  /* 
    css定义变量的语法，
    使用 color: var(--text-color);

    特点：定义的变量是给当前元素和下面的子元素使用
  */
  --bg-color: #fff;
  --text-color: #000;
}

:root.dark {
  /* 写 dark 主题色 */
  --bg-color: #1e1e20;
  --text-color: rgba(255, 255, 245, 0.86);
  --el-menu-bg-color: #1e1e20;
  --el-menu-text-color: rgba(255, 255, 245, 0.86);
}
